import React from 'react';

const MesheryIcon = ({
  width,
  height,
  fill,
  style,
  primaryFill = '#00b39f',
  secondaryFill = '#00d3a9',
}) => (
  <svg
    style={style}
    xmlns="http://www.w3.org/2000/svg"
    height={height}
    viewBox="0 0 134.95 135.02"
    width={width}
    fill={fill}
  >
    <defs>
      <style>{'.cls-1 {fill: #00d3a9;} .cls-2 {fill: #00b39f;}'}</style>
    </defs>

    <polygon fill={primaryFill} points="69.49 31.82 69.49 64.07 97.44 47.89 69.49 31.82" />
    <polygon fill={primaryFill} points="69.49 70.81 69.49 103.22 97.7 87.09 69.49 70.81" />
    <polygon fill={secondaryFill} points="65.47 63.85 65.47 32.09 37.87 47.92 65.47 63.85" />
    <path fill={secondaryFill} d="M10.1,103.1a67.79,67.79,0,0,0,21.41,21.55V90.71Z" />
    <polygon fill={secondaryFill} points="65.47 103.06 65.47 71.05 37.8 87.07 65.47 103.06" />
    <polygon fill={primaryFill} points="35.54 122.63 63.56 106.61 35.54 90.41 35.54 122.63" />
    <polygon fill={secondaryFill} points="99.61 122.8 99.61 90.63 71.63 106.63 99.61 122.8" />
    <path fill={secondaryFill} d="M127,99.37a67.22,67.22,0,0,0,7.91-28.94L105.78,87.11Z" />
    <polygon fill={primaryFill} points="103.64 83.69 131.76 67.61 103.64 51.45 103.64 83.69" />
    <polygon fill={secondaryFill} points="99.61 44.5 99.61 12.52 71.76 28.49 99.61 44.5" />
    <polygon fill={secondaryFill} points="99.61 83.55 99.61 51.28 71.7 67.44 99.61 83.55" />
    <polygon fill={secondaryFill} points="67.48 135.02 67.49 135.02 67.48 135.02 67.48 135.02" />
    <polygon fill={primaryFill} points="35.54 51.22 35.54 83.73 63.66 67.45 35.54 51.22" />
    <path fill={secondaryFill} d="M65.47,0A67.2,67.2,0,0,0,35.83,7.83l29.64,17Z" />
    <polygon fill={primaryFill} points="35.54 12.3 35.54 44.62 63.68 28.48 35.54 12.3" />
    <path fill={secondaryFill} d="M31.51,10.34A67.89,67.89,0,0,0,10.1,31.89L31.51,44.25Z" />
    <path fill={primaryFill} d="M99.43,8A67.23,67.23,0,0,0,69.49,0V25.15Z" />
    <path fill={primaryFill} d="M0,69.87A67.27,67.27,0,0,0,8.07,99.63L29.76,87.07Z" />
    <path fill={primaryFill} d="M8.07,35.37A67.16,67.16,0,0,0,0,65L29.79,47.91Z" />
    <path fill={secondaryFill} d="M35.78,127.13A67.13,67.13,0,0,0,65.47,135V110.15Z" />
    <path fill={primaryFill} d="M124.92,32a67.9,67.9,0,0,0-21.28-21.52V44.3Z" />
    <path fill={primaryFill} d="M103.64,124.54A68,68,0,0,0,125,102.86L103.64,90.52Z" />
    <path fill={secondaryFill} d="M135,64.81a67.06,67.06,0,0,0-8-29.35L105.49,47.88Z" />
    <path fill={primaryFill} d="M69.49,135a67.12,67.12,0,0,0,29.63-7.83L69.49,110Z" />
    <polygon fill={secondaryFill} points="31.51 83.44 31.51 51.56 3.83 67.43 31.51 83.44" />
  </svg>
);

export default MesheryIcon;
